<%--
  Created by IntelliJ IDEA.
  User: niugao
  Date: 7/7/2016
  Time: 10:10 AM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="common.jsp" %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <script src="/js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
    <style>
        .container .row{
            border-bottom: solid 1px;
            margin-bottom: 5px;
        }
    </style>

    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
        }
    </style>
</head>
<body>
<!-- 很多页面都使用这个顶部栏，所以拿出来放到一个单独文件中 -->
<jsp:include page="componse/top_bar.jsp" flush="true"/>

<nav class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        <a class="navbar-brand" href="/student/check">返回</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li><a href="/Saccount/tuichu">退出登录</a></li>

            <li class="active"><a>个人信息</a></li>
            <li><a href="/student/change">修改信息</a></li>

        </ul>
    </div>
</nav>

<div style="text-align: center;">
    <div class="container" style="width: 400px;margin: 10px auto;text-align: left; ">
    <div class="row">
                <div class="col-xs-6 col-sm-6">
                    <img style="width:100%;" src="/img/${student.headImg}"/>
                </div>
                <div class="col-xs-6 col-sm-6">
                    <form method="POST" action="/student/uploadHeadImg" enctype="multipart/form-data">
                        <input type="file" name="head_img"/>
                        <input type="submit" value="上传头像"/>
            </form>
        </div>
    </div>
    <div class="row" >
        <div class="col-xs-4 col-sm-4">名字：</div>
        <div class="col-xs-8 col-sm-8">${student.name}</div>
    </div>

    <div class="row">
        <div class="col-xs-4 col-sm-4">密码：</div>
        <div class="col-xs-8 col-sm-8">${student.password}</div>
    </div>

    <div class="row">
        <div class="col-xs-4  col-sm-4">电话：</div>
        <div class="col-xs-8 col-sm-8">${student.phone}</div>
    </div>
    <div class="row">
        <div class="col-xs-4 col-sm-4">邮箱：</div>
        <div class="col-xs-8 col-sm-8">${student.email}</div>
    </div>

    <div class="row">
        <div class="col-xs-4 col-sm-4">性别：</div>
        <div class="col-xs-8 col-sm-8">${student.sexChar}</div>
    </div>

    <div class="row">
        <div class="col-xs-4 col-sm-4">地址：</div>
        <div class="col-xs-8 col-sm-8">${student.address}</div>
    </div>

    <div class="row">
        <div class="col-xs-4 col-sm-4">部门：</div>
        <div class="col-xs-8 col-sm-8">${student.class_name}</div>
    </div>
    <%--<form method="POST" action="/student/change">--%>
        <%--<input type="submit" value="修改信息"/>--%>
    <%--</form>--%>
    <div class="errobox">${errMsg}</div>
</div>
    </div>
</body>
</html>
